<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>待办事项</title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	</head>

	<body>
		<div class="container">
			<div class="matter-left">
				<div class="m-title">
					<a href="#"><img src="img/avatar.png" /></a>
					<span class="m-name">错位的梦寐</span>

					<div class="m-r-g">
						<i class="fa fa-search search"></i>
						<i class="fa fa-bell bell"></i>
					</div>
				</div>

				<div class="m-content">
					<ul class="today">
						<li class="firt">
							<a href="">
								<i class="fa fa-calendar-plus-o"></i>
								<h4>今天</h4>
								<span class="ad">1</span>
							</a>
						</li>
						<li>
							<a href="">
								<i class="fa fa-calendar"></i>
								<h4>最近七天</h4>
								<span class="ad ad2">1</span>
							</a>
						</li>
						<li>
							<a href="">
								<i class="fa fa-calculator"></i>
								<h4>日历</h4>
							</a>
						</li>
						<li>
							<a href="">
								<i class="in"></i>
								<h4>收集箱</h4>
								<span class="ad">2</span>
							</a>
						</li>
					</ul>

					<div class="classify">
						<ul class="cl-ul">
							<li class="active">
								<a href="">清单</a>
							</li>
							<li>
								<a href="">标签</a>
							</li>
							<li>
								<a href="">自定义</a>
							</li>
						</ul>

						<div class="cl-content">
							<ul>
								<li>
									<i class="fa fa-plus-circle"></i>
									<a href="">添加清单</a>
								</li>
							</ul>
							<ul>
								<li>
									<i class="fa fa-check-circle "></i>
									<a href="">已完成</a>
								</li>
								<li>
									<i class="fa fa-trash"></i>
									<a href="">垃圾桶</a>
								</li>
							</ul>

							<ul>
								<li>
									<i class="fa fa-file-text"></i>
									<a href="">摘要</a>
								</li>
							</ul>
						</div>
					</div>

				</div>

			</div>

			<div class="add-right">
				<div class="content">
					<div class="top">
						<div class="head">
							<h2>今天</h2>
							<i class="fa fa-bars"></i>
						</div>
						<div class="title">
							<input type="text" placeholder="添加你想待办的事项" />
							<button class="add-to">添加</button>
						</div>
					</div>
					<div class="main">
						<!--添加的内容-->
						<!--<div>-->
						<!--<input type="text" />
							<span>12</span>
							<button>删除</button>
							<button>修改</button>-->
						<!--<p class="xiugai">
							<input type="text" placeholder="请输入修改的内容" />
							<button>确定</button>
						</p>-->
						<!--</div>-->
					</div>
				</div>

			</div>

			<div class="last-aside">
				<img src="img/zt1.png" />

				<span class="empty">点击任务标题查看详情</span>
			</div>
		</div>

		<script src="js/script.js"></script>
	</body>

</html>